<template>
  <div id="app">
    <router-view v-if="isRresh"/>
  </div>
</template>

<script>
export default {
  name: 'App',
  data: ()=>({
    isRresh: true
  }),
  provide() {
    return {
      refresh: this.refresh
    }
  },
  methods:{
    refresh() {
      this.isRresh = false;
      this.$nextTick(() => {
        this.isRresh = true;
      })
    }
  }
}
</script>
<style>
.el-dropdown-menu {
  text-align: center;
}

.el-dropdown-menu .el-button--text{
  width: 100%;
}
  section>div{
      padding: 20px;
      box-sizing: border-box;
  }
  .el-table .has-gutter th div{
  font-weight: bold;
  color:#333;
}
  .el-table{
     margin-top:20px;
     margin-bottom:20px;
  }
  
  .pagination{
    text-align: center;
  }

  .add_btn{
    background: #1890ff;color: aliceblue;margin-left:5px!important;
  }
  .add_btn:hover{
    background: #1890ff;color: aliceblue;margin-left:5px!important;

  }
  /* .el-button+.el-button, .el-checkbox.is-bordered+.el-checkbox.is-bordered{
    margin-left:auto!important;
  } */
  
.ser_div>.el-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ser_div>.el-row>.el-col{
  min-width:70px;
  width:fit-content;
  margin-left:8px;
  margin-top:8px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.ser_div>.el-row>.el-col>.el-row{
  display: flex;
}
.ser_div>.el-row>.el-col>.el-row>.el-col{
  min-width:70px;
  width:fit-content;
  margin-left:8px;
}
</style>
